body{
    background-color:#8C8C8C;
}
.modal{
    margin:200px auto;
    width:520px;
    border:1px solid #fff;
    border-radius: 5px;
    background-color:#fff;
}
.mask{
    width:520px;
    position:relative;
}
.content{
    width:520px;
    
}
.header{
    display:inline-block;
    width:100%;
    height:56px;
    line-height:56px;
    margin-left:20px;
}
.close{
    width:56px;
    height:56px;
    position:absolute;
    top:0;
    right:0;
    font-size:25px;
    border:none;
    background-color: #fff;
    color:#8C8C8C;
    cursor: pointer;
}
.body{
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    padding:24px;
}
.footer{
    text-align: right;
    padding:10px 16px;
}
.footer button{
    width:64px;
    height:32px;
    border-radius:3px;
    cursor: pointer;
}
.btn1{
    background-color:#fff;
}
.btn1 :hover{
    background-color:#F0F0F0;
}
.btn2{
    background-color:#40A9FF;
    border:0.5px solid #F0F0F0;
    margin-left:5px;
}
.btn2 :hover{
    background-color:blue;
}